<template>
  <div>
    <MySlot>
    <template #person>
      <p>用户名</p>
      <input type="text">
       <hr>
    </template>
    </MySlot>
    <MySlot>
      <template #person>
      <p>密码</p>
      <input type="password">
       <hr>
    </template>
    </MySlot>
    <MySlot>
       <template #person>
      <p>性别</p>
      <input type="radio" name='sex'>男
      <input type="radio" name='sex'>女
       <hr>
    </template>
    </MySlot>
    <MySlot>
      <template #person>
      <p>爱好</p>
      <input type="checkbox">抽烟
      <input type="checkbox">喝酒
      <input type="checkbox">烫头
       <hr>
    </template>
    </MySlot>
    <MySlot>
      <template #person>
      <p>来自于</p>
      <select >
        <option value="北京市">北京</option>
        <option value="上海市">上海</option>
        <option value="杭州市">杭州</option>
      </select>
       <hr>
    </template>
    </MySlot>
  </div>
</template>

<script>
import MySlot from './components/MySlot'
export default {
  components:{
    MySlot
  }
}
</script>

<style>

</style>